<template>
  <view class="container">
    <view class="activity-name" style="font-size: 30px;">活动名称1</view>
<view style="background-color: #fff; margin-bottom: 5px;">
	<view class="activity-type">分享活动</view>
	<view class="activity-status">审批状态：申请中；等待意见</view>
</view>
    <view class="activity-source" style="background-color: #fff;height:50px;margin-bottom: 5px;padding: 5px;">
	<view class="activity-type">
		活动来源
	</view>
	<view>
		派发
	</view>
	</view>
	<view style="background-color: #fff; margin-bottom: 5px;">
		<view class="activity-type">活动时间：</view>
		<view class="activity-status">计划开始日期：2023/03/29 </view>
		<view class="activity-status">计划结束日期：2023/03/29</view>
		<view class="activity-status">合计时长：1天</view>
	</view>
	
	<view style="background-color: #fff; margin-bottom: 5px;">
		<view class="activity-type">活动区域</view>
		<view class="activity-status">湖北省/武汉市/洪山区</view>
	</view>
	<view style="background-color: #fff; margin-bottom: 5px;">
		<h2>审批流程</h2>
		<view class="activity-type">发起人（招宣成员/全体教职工）：LIHUANYU</view>
		<view class="activity-status">审批人（活动组长）：LIHUANYU</view>
	</view>
    <button class="withdraw-application" style="margin: 0 auto; width: 400px;margin-top: 20px;">撤销申请</button>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.activity-name, .activity-type, .activity-status, .activity-source, .activity-time, .activity-duration, .activity-location, .activity-leader, .activity-approval-initiator, .activity-approval-approver {
  font-size: 14px;
  margin-bottom: 10px;
}
page {
	background-color: #f5f5f9;
}
.withdraw-application {
  background-color: #f56c6c;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
}
</style>